
document.addEventListener('DOMContentLoaded', ()=>{
  document.querySelector('.zp-usage-global').innerHTML = hljs.highlight(`<script src="http://zx4.com:8001/js/zpcode.min.js" type="module" defer></script>`,
    {language: 'xml'}
  ).value;
  document.querySelector('.zp-usage-single').innerHTML = hljs.highlight(`<script src="http://zx4.com:8001/kits/webcomponents/animate/loading/text.js" type="module" defer></script>
<script src="http://zx4.com:8001/kits/webcomponents/animate/loading/circle.js" type="module" defer></script>`,
    {language: 'xml'}
  ).value;
  document.querySelector('.zp-usage-parts').innerHTML = hljs.highlight(`<script src="/js/zpcode.min.js" type="module" defer></script>`,
    {language: 'xml'}
  ).value;
  document.querySelector('.zp-usage-name').innerHTML = hljs.highlight(`<script src="http://zx4.com:8001/kits/webcomponents/animate/loading/text.js" type="module" defer></script>
<script src="http://zx4.com:8001/kits/webcomponents/animate/loading/circle.js" type="module" defer></script>
<al-text></al-text>
<al-circle></al-circle>

<!-- 其它情况 -->
<script src="http://zx4.com:8001/kits/webcomponents/search.js" type="module" defer></script>
<zp-search></zp-search>`,
    {language: 'xml'}
  ).value;
});
